.UIDanhSachVanBan{
        width: 100%;
        margin: 20px 0;20px:;20px: 0;
}
.UIDanhSachVanBan .DanhSachVanBan .title{
        background:rgba(0,0,0,0) url(Images/gopy.png) no-repeat scroll left center;
        height:37px
}
.UIDanhSachVanBan .DanhSachVanBan .title>span {
        color: #DA251c;
        display: inline-block;
        font-family: Merriweather;
        margin: 20px 0;
        /* padding-left: 50px; */
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        font-family: "Merriweather";
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
        text-align: left;
        color: #111111;
}
.UIDanhSachVanBan .DanhSachVanBan .td-item img{
        width:50%!important}
.UIDanhSachVanBan .DanhSachVanBan .td-item .xem-chi-tiet2{
        padding: 8px 16px;
        border-radius: 4px;
        border: 1px solid #1259A0;
        font-family: "Roboto";
        font-size: 13px;
        font-weight: 400;
        line-height: 15.23px;
        text-align: left;
        color: #1259A0;
}
.UIDanhSachVanBan .DanhSachVanBan .td-item .xem-chi-tiet2:before{
        background: url(images/eye.png) no-repeat center;
        content: '';
        width: 18px;
        height: 11px;
        display: inline-block;
        margin-right: 5px;
}
.UIDanhSachVanBan .DanhSachVanBan table th{
        background: #e9ecef none repeat scroll 0 0;
        padding: 10px;
        border: 1px solid #e4e4e4;
}
.UIDanhSachVanBan .DanhSachVanBan table th:nth-child(4){
        width: 180px !important;
        text-align: center;
}
.UIDanhSachVanBan .DanhSachVanBan table th:nth-child(5){
        text-align: center;
        width: 120px !important;
}
.UIDanhSachVanBan .DanhSachVanBan table th:nth-child(2){
        display:none}
.UIDanhSachVanBan .DanhSachVanBan table  td:nth-child(2){
        display:none}
.UIDanhSachVanBan .DanhSachVanBan table  td:nth-child(2){
        display:none
}
.UIDanhSachVanBan .DanhSachVanBan table[id*='grvDocsList'] tr td[colspan="5"]>table>tbody>tr>td:nth-child(2){
        display: table-cell;
}
.UIDanhSachVanBan .DanhSachVanBan table[id*='grvDocsList'] tr td[colspan="5"]>table>tbody>tr{
        display: flex;
}
.UIDanhSachVanBan .DanhSachVanBan table[id*='grvDocsList'] tr td[colspan="5"]>table>tbody>tr>td:has(span){
        background: #2A58A0 !important;
        color: #FFFFFF !important;
        width: 40px;
        height: 40px;
        line-height: 30px;
        font-size: 15px;
        color: #666666;
        text-align: center;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 5px;
        border: 1px solid #E2E7ED;
}
.UIDanhSachVanBan .DanhSachVanBan table[id*='grvDocsList'] tr td[colspan="5"]>table>tbody>tr>td:has(a){
        width: 40px;
        height: 40px;
        background-color: #f6f6f6;
        line-height: 30px;
        font-size: 15px;
        color: #666666;
        text-align: center;
        border-radius: 3px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 5px;
        border: 1px solid #E2E7ED;
}
.UIDanhSachVanBan .DanhSachVanBan table .td-item{
        padding:10px}
.UIDanhSachVanBan .DanhSachVanBan table td .link{
        margin-bottom: 10px;
}
.UIDanhSachVanBan .DanhSachVanBan table td .link>a{
        font-family: Roboto;
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #031739;
}
.UIDanhSachVanBan .DanhSachVanBan table td .view{
        display: none;
}
.UIDanhSachVanBan .DanhSachVanBan table td .datetime{
        display: inline;
}
.UIDanhSachVanBan .DanhSachVanBan table td .link>a:hover{
        color:#0a58ca;
}
.UIDanhSachVanBan .DanhSachVanBan table .datetime span{
        font-family: Roboto;
        font-size: 13px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        color: #7C7A7A;
        bottom: 15px;
        left: 15px;
}
.UIDanhSachVanBan .DanhSachVanBan table .td-item>a{
        color:#cf0d0d;
        text-decoration:underline}
.UIDanhSachGopY{
        padding-top:10px}
.UIDanhSachGopY .Title{
        background:rgba(0,0,0,0) url(Images/listlci.png) no-repeat scroll left center;
        margin-bottom:10px}
.UIDanhSachGopY .Title span{
        color:#01509f;
        display:inline-block;
        font:bold 14px/35px arial;
        padding-left:40px;
        text-transform:uppercase}
.UIDanhSachGopY .item>a{
        display:inline-block;
        font:bold 13px arial;
        margin-bottom:10px;
        padding:0 0 5px 39px}
.UIGopYVanBan .duthaovb{
        background:rgba(0,0,0,0) url(Images/send.png) no-repeat scroll left center}
.UIGopYVanBan .duthaovb h2{
        color:#01509f;
        font:bold 13px/21px arial;
        padding-left:40px}
.UIGopYVanBan .form-gop-y{
        padding:0 0 15px 39px}
.UIGopYVanBan .form-gop-y .note>span{
        display:inline-block;
        font:italic 13px arial;
        padding-bottom:5px}
.UIGopYVanBan .form-gop-y table.tb-form td{
        font:13px arial;
        height:30px}
.UIGopYVanBan .form-gop-y table.tb-form .lnkSend,.lnkCancel{
        background:#0154a4 none repeat scroll 0 0;
        border:1px solid #eee;
        border-radius:2px;
        box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 1px 2px 0 #b3b3b3;
        color:#fff;
        cursor:pointer;
        font:13px arial;
        padding:4px}
.UIDanhSachVanBan .DanhSachVanBan table.ChildGrid {
        width: 100%;
        border: none;
        display: inline-table;
        margin: 10px 50px;
}
.UIDanhSachVanBan .DanhSachVanBan table.ChildGrid th{
        border: none !important;
        background: none!important;
        padding: 10px 0!important;
        color: #d12941;
}
.UIDanhSachVanBan .DanhSachVanBan table.ChildGrid td{
        border: none !important;
        background: none!important;
}
.UIDanhSachVanBan .DanhSachVanBan table.ChildGrid td a{
        font-size:14px;
        font-weight:bold;
}
.UIDanhSachVanBan .DanhSachVanBan table.ChildGrid td a:hover{
        color: #d12941;
}
.UIDanhSachVanBan .DanhSachVanBan .search {
        padding: 20px;
        /* border: 1px solid #e4e4e4; */
        margin: 0 0 20px 0;
        border-radius: 3px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,d8f0ff+100 */
        background: #f9f9f9;
        /* Old browsers */
        background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(216,240,255,1) 100%);
        /* FF3.6-15 */
        /* background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(216,240,255,1) 100%); */
        /* Chrome10-25,Safari5.1-6 */
        /* background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(216,240,255,1) 100%); */
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#d8f0ff',GradientType=0 );
        /* IE6-9 */
        display: flex;
        align-items: center;
        gap: 20px;
}
.UIDanhSachVanBan .DanhSachVanBan .search input:nth-child(1) {
        width: 100%;
        height: 38px;
        border: 1px solid #E2E7ED;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        border-radius: 4px;
        padding: 5px 15px;
        color: #7D92AE;
}
.UIDanhSachVanBan .DanhSachVanBan .search input:nth-child(2) {
        width: 120px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
        height: 38px;
        border: 1px solid #F2F2F2;
        background: #0084f3;
        border-radius: 4px;
}
.UIDanhSachVanBan .DanhSachVanBan table td {
        border: 1px solid #e4e4e4;
        padding: 8px;
        vertical-align: middle;
}
.UIDanhSachVanBan .DanhSachVanBan input.xem-chi-tiet {
        background: url(images/download.png) no-repeat left;
        background-size: 16px;
        background-position-x: 15px;
        background-position-y: 5px;
        background-color: #1259A0;
        padding: 8px 16px 8px 34px;
        border-radius: 4px;
        font-family: Roboto;
        font-size: 13px;
        height: 33px;
        font-weight: 400;
        line-height: 15.23px;
        text-align: left;
        color: #FFFFFF;
        position: relative;
        border: 0;
}
.UIDanhSachVanBan .DanhSachVanBan .xem-chi-tiet2{
        padding: 8px 16px;
        border-radius: 4px;
        border: 1px solid #1259A0;
        font-family: "Roboto";
        font-size: 13px;
        font-weight: 400;
        line-height: 15.23px;
        text-align: left;
        color: #1259A0;
}
.UIDanhSachVanBan .DanhSachVanBan .xem-chi-tiet2:before{
        background: url(images/eye.png) no-repeat center;
        content: '';
        width: 18px;
        height: 11px;
        display: inline-block;
        margin-right: 5px;
}
@media only screen and (max-width:768px){
        .UIDanhSachVanBan {
                padding: var(--padding-res);
                margin-bottom: 15px;
                max-width: 100vw;
        }
        .UIDanhSachVanBan .DanhSachVanBan table[id*='grvDocsList']>tbody>tr>th:first-child,
        .UIDanhSachVanBan .DanhSachVanBan table[id*='grvDocsList']>tbody>tr>th:nth-child(4),
         .UIDanhSachVanBan .DanhSachVanBan table[id*='grvDocsList']>tbody>tr>td:nth-child(1),
         .UIDanhSachVanBan .DanhSachVanBan table[id*='grvDocsList']>tbody>tr>td:nth-child(4){
                display: none;
        }
         .UIDanhSachVanBan .DanhSachVanBan table[id*='grvDocsList']>tbody>tr>th:nth-child(5){
                 width: 60px!important;
         }
        .UIDanhSachVanBan .DanhSachVanBan input.xem-chi-tiet {
                margin-top: 0;
        }
        .UIDanhSachVanBan .link span {
                font-weight: 600;
                display: inline-flex;
                flex-wrap: wrap;
                gap: 5px;
        }
        .UIDanhSachVanBan .link span>img:first-child{
                display: inline-flex;
        }
        .UIDanhSachVanBan .link span>img:nth-child(2){
                display: inline-block;
        }
        div.UIGopYVanBan {
                padding: 0 15px;
                margin-bottom: 15px;
        }
        .UIDanhSachGopY {
                padding: 0 15px;
                margin-bottom: 15px;
        }
        .UIDanhSachVanBan .DanhSachVanBan table td .datetime{
                display: block;
        }
}